<template>
	<view class="">

		<!-- banner图下的小喇叭部分  上下banner图 -->
		<view class="home-banner-column">
			<text class="home-banner-column_left">喇叭</text>
			<text class="home-banner-column_right">banner</text>
		</view>
		<!-- 新人专享 -->
		<view class="new-perple">
			
		</view>
		<!-- 菜单栏-邀请有礼、水果管家、自助领券、更多商品等 -->
		<view class="home-center-list">
			<view class="home-center-item">
				<text class="iconfont icon-erweima home-center-item_icon"></text><br />
				<text class="home-center-item_text">邀请有礼</text>
			</view>
			<view class="home-center-item">
				<text class="iconfont icon-erweima home-center-item_icon"></text><br />
				<text class="home-center-item_text">水果管家</text>
			</view>
			<view class="home-center-item">
				<text class="iconfont icon-erweima home-center-item_icon"></text><br />
				<text class="home-center-item_text">自助领券</text>
			</view>
			<view class="home-center-item">
				<text class="iconfont icon-erweima home-center-item_icon"></text><br />
				<text class="home-center-item_text">更多商品</text>
			</view>

		</view>
	</view>
</template>

<script>
</script>

<style>
	/* banner图下的小喇叭部分  上下banner图 */
	.home-banner-column {
		width: 97%;
		height: 50px;
		margin: 15px auto 0;
		background-color: #fff;
		border-radius: 10px;
		line-height: 50px;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.home-banner-column_left {
		border-right: 1px solid #ccc;
		padding-right: 10px;


	}

	.home-banner-column_right {
		padding-left: 15px;
	}

	/* 新人专享 */
	.new-perple {
		width: 96%;
		height: 160px;
		margin: 0 auto;
		background: red;
		padding: 15px;
		line-height: 19px;
		color: #fff;
		box-sizing: border-box;
		border-radius: 10px;
		background-image: url('https://img1.baidu.com/it/u=579162951,2608696909&fm=26&fmt=auto&gp=0.jpg');
		background-size: contain;
	}

	.new-perple_title {
		font-size: 26px;
		float: left;
	}

	.new-perple_more {
		float: right;
	}

	.icon-daifahuo {
		margin-left: 5px;
	}

	/* 菜单栏-邀请有礼、水果管家、自助领券、更多商品等 */
	.home-center-list {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 95%;
		height: 120px;
		padding: 20px 15px;
		box-sizing: border-box;
		margin: 0 auto;
		padding-top: 36px;
	}

	.home-center-item {
		text-align: center;
		line-height: 30px;
	}

	.home-center-item_icon {
		font-size: 50px;

	}

	.home-center-item_text {}
</style>
